<!--
 * @Autor: dingxiaolin
 * @Date: 2021-06-09 08:54:47
 * @LastEditors: dingxiaolin
 * @LastEditTime: 2021-07-15 17:48:23
-->
<template>
    <iframe id="iframe" :src="url" style="width: 100%; height: 100%" frameBorder="0"></iframe>
</template>

<script lang='ts'>
import { defineComponent, PropType, reactive, toRefs, ref, computed, getCurrentInstance, onMounted } from 'vue'
import { useRouter, useRoute } from 'vue-router'
export default defineComponent({
    name: 'Iframe',
    components: {},
    props: {},
    emits: [],
    setup(props, ctx) {
        const route = useRoute()
        const instance = getCurrentInstance()
        const state = reactive({
            url: route.meta.link
        })
        onMounted(() => {})
        return {
            ...toRefs(state)
        }
    }
})
</script>

<style lang='scss' scoped>
</style>

